<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../assets/mock/mock-min.js"></script>
    <script>
        // 当模块模块被加载时，会提供全局对象 Mock
        //     全局对象中记录了 Mock可以的属性和相关功能方法（可提供给多个环境） 
        //     开发中和数据生成有关的方法是 Mock.Random  和 Mock.mock
        console.log( window.Mock )

        // Mock.Random 提供一个对象，对象中包含了各种用于随机生成一个对应的数据的功能方法
        console.log( Mock.Random.cname() )
        console.log( Mock.Random.cname() )
        console.log( Mock.Random.cname() )
        console.log( Mock.Random.cname() )
        console.log( Mock.Random.cname() )

        // Mock.mock(模板参数) 作为方法执行后，接收固定结构的定义模板，用于快速生成一组数据
        //     规则1：mock 方法的模板参数 必须取值 Object 结构
        //     规则2：属性模板结构，属性名称由 | 分割成两部分 ， 左边为生成对象的属性名，数据的结构或长度取决于取值和|右侧的描述
        //     规则3：通过mock提供的 Random 的方法特殊调用规则 @ ，可以在定义数据结构时使用随机数据生成
        let temp = {
            names:[ Mock.Random.cname(),Mock.Random.cname(),Mock.Random.cname(),Mock.Random.cname() ]
        }
        console.log(temp);

        let mockTemp = {
            "names|10":[
                // "tom",
                "@cname"
            ]
        }

        console.log( Mock.mock( mockTemp ) );
        console.log( Mock.mock( mockTemp ) );
        console.log( Mock.mock( mockTemp ) );
    </script>
</head>
<body>
    
</body>
</html>